<template>
    <div class="recommend clearfix">
        <Stuff v-for="(stuff,index) in stuffList" :key="stuff.id" :stuff="stuff"></Stuff> 
    </div>
</template>

<script>
import Stuff from "@/pages/Home/Recommend/Stuff";
export default {
    data() {
        return {
            stuffList:[
                {
                    title:"最新上架",
                    id:1,
                    productList:[
                        {
                            id:1,
                            imgUrl:require("@/assets/img/good-picture1.jpg"),
                            descript:"马克杯 小黄人 大容量 可爱"
                        },
                        {
                            id:2,
                            imgUrl:require("@/assets/img/good-picture2.jpg"),
                            descript:"水杯 少女粉 轻便 潮流"
                        }
                    ]
                },
                {
                    title:"好物推荐",
                    id:2,
                    productList:[
                        {
                            id:1,
                            imgUrl:require("@/assets/img/good-picture3.jpg"),
                            descript:"香辣牛肉面 15元/碗"
                        },
                        {
                            id:2,
                            imgUrl:require("@/assets/img/good-picture4.jpg"),
                            descript:"马克杯 小黄人 大容量 可爱"
                        }
                    ]
                }
            ]
        }
    },
    components:{Stuff}
};
</script>

<style scoped>
/*以下是好物推荐以及最新上架物品的样式表*/
.recommend {
    width: 1200px;
    height: 360px;
    background-color: #fff;
    margin: 10px auto;
    padding-bottom: 190px;
    background-clip: content-box;
    display: flex;
    justify-content: space-between;
}


</style>